$(function () {
    let params = {

        // number	当前页，为空返回第1页
        page: '',
        // number	每页显示条数，为空默认每页6条
        perpage: '',
        // number	评论id
        id: '',
        // string	评论作者
        author: '',
        // string	评论内容
        content: '',
        // number	对应文章id
        articleId: '',
        // string	对应文章标题
        title: '',
        // string	评论发表日期
        date: '',
        // string	评论状态 ‘批准’ ‘待审核’
        state: '',
        // string	评论发表时间
        time: '',
        // number	总页数
        totalPage: '',
        // number	数据总条数
        totalCount: '',
    }
    // 1获取评论数据
    function commentQuery() {
        $.get('/admin/comment/search', params, function (res) {
            // console.log(res)
            const html = template('art_comment', { data: res.data.data })
            $('tbody').html(html)
            renderPager(res.data.totalCount)
        })
    }
    // 2 动态渲染页码组件
    function renderPager(count) {
        // console.log(count)
        //执行一个laypage实例
        layui.laypage.render({
            elem: 'pager',//注意，这里的 test1 是 ID，不用加 # 号
            count,//数据总数，从服务端得到
            limit: params.perpage,
            curr: params.page,

            jump(obj, first) {
                //obj包含了当前分页的所有参数，比如：
                // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // params.page = obj.curr
                // console.log(obj.limit); //得到每页显示的条数
                if (!first) {
                    params.page = obj.curr
                    commentQuery()
                }
            }

        })
    }
    // 3给批准按钮 动态绑定事件 /admin/comment/pass
    $('tbody').on('click', '.btnAccept', function () {
        const id = $(this).parents("tr").data("id")
        // console.log(id)
        $.post('/admin/comment/pass', { id }, function (res) {
            // console.log(res)
            if (res.code === 200) {
                commentQuery()
            }
        })
    })
    // 4给拒绝按钮 动态绑定事件 /admin/comment/reject
    $('tbody').on('click', '.btnReject', function () {
        const id = $(this).parents("tr").data("id")
        // console.log(id)
        $.post('/admin/comment/reject', { id }, function (res) {
            // console.log(res)
            if (res.code === 200) {
                commentQuery()
            }
        })
    })
    // 5给删除按钮 动态绑定事件 /admin/comment/delete
    $('tbody').on('click', '.btnDelete', function () {
        const id = $(this).parents("tr").data("id")
        // console.log(id)
        $.post('/admin/comment/delete', { id }, function (res) {
            // console.log(res)
            if (res.code === 200) {
                commentQuery()
            }
        })
    })
    commentQuery()
})